<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 简洁博客</title>
    <!--重置的样式-->
    <link href="https://cdn.bootcss.com/normalize/8.0.0/normalize.min.css" rel="stylesheet">
    <!--jquery的-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>   	
    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<!--fontAwesome-->
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    
    <link href="https://cdn.bootcss.com/highlight.js/9.12.0/styles/monokai-sublime.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
    <!-- 自定义 -->
    <link href="css/style.css" rel="stylesheet">
	<script>	
		(function($) {
			$(function() {
				var $body = $('body'),
					$header = $('#header');
					$('<div id="titleBar">' + '<a href="javascript:void(0);" class="toggle" onclick="rightTab()" ></a>' + '<span class="title">' + $('#name').html() + '</span>' + '</div>').appendTo($body);
			})
		})(jQuery);
		
		function rightTab(){
			var $body =  $("body");
			var tab =$body.attr("class");
			if(tab==undefined||tab==""){
				$body.addClass("header-visible");
			}else{
				$body.removeClass("header-visible");
			}
		}

	
	</script>
</head>
<body>
	<!--header Start-->
    <div class="header" id="header">
        <div class="avatar">
            <a href="https://tangjie.me/" title="PM唐杰" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                <img src="https://tangjie.me/media/avatar.jpg" alt="唐杰头像" class="img-circle" width="50%"></a>
        </div>
        <h1 id="name">PM唐杰</h1>
        <div class="sns">
            <a href="https://tangjie.me/feed" target="_blank" rel="nofollow" title="RSS" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-rss" aria-hidden="true"></i></a>
            <a href="https://twitter.com/JieTangOK" target="_blank" rel="nofollow" title="Twitter" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-twitter" aria-hidden="true"></i></a>
            <a href="https://github.com/Jarvis-Tang" target="_blank" rel="nofollow" title="GitHub" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-github" aria-hidden="true"></i></a>
        </div>
        <div class="nav">
            <ul>
                <li><a href="https://tangjie.me/" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">首页</a></li>
                <li><a href="https://tangjie.me/about" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">博主介绍</a></li>
                <li><a href="#" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">WP主题</a>
                    <ul>
                        <li><a href="https://tangjie.me/jiestyle-two" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">JieStyle Two <span style="font-size:10px;">(v2.3)</span></a></li>
                        <li><a href="https://tangjie.me/jiestyle" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">JieStyle One <span style="font-size:10px;">(v1.3)</span></a></li>
                        <li><a href="https://tangjie.me/tangstyle" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">TangStyle <span style="font-size:10px;">(v1.6)</span></a></li>
                        <li style="border:none;"><a href="https://tangjie.me/bighub" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">BigHub <span style="font-size:10px;">(v1.0)</span></a></li>
                    </ul>
                </li>
                <li><a href="#" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">唐杰出品</a>
                    <ul>
                        <li><a href="https://tangjie.me/zhinan" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">产品经理入门指南</a></li>
                        <li><a href="https://tangjie.me/blog/197.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">杰出产品经理书</a></li>
                        <li><a href="https://tangjie.me/blog/232.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">杰出产品经理卡</a></li>
                        <li style="border:none;"><a href="https://tangjie.me/jiechu" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">杰出产品经理课</a></li>
                    </ul>
                </li>
                <li><a href="https://tangjie.me/dashang" style="color: rgb(255, 255, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-gift" aria-hidden="true"></i> 打赏 <i class="fa fa-gift" aria-hidden="true"></i></a></li>
            </ul>
        </div>
        <div class="weixin">
            <img src="https://tangjie.me/media/weixin.jpg" alt="唐杰微信" width="50%">
            <p>唐杰微信</p>
        </div>
    </div>
   	<!--header End-->
   <div class="main">
        <div class="row box">
            <article class="col-md-8 col-md-offset-2 view clearfix">
        <h1 class="view-title">其实就是想建一个交流群，让大家有个互动交流的地方</h1>
        
        <div class="view-meta">
            <span>作者: 唐杰</span>
            <span>分类: <a href="https://tangjie.me/at/zakan" rel="category tag">天下杂侃</a></span>
            <span>发布时间: 2018-09-18 17:08</span>
            <span></span>
        </div>
        
        
        <div class="view-content">
			<h1>这个是内容部分！</h1>
			<pre class="hljs javascript"><code class="javascript"><span class="hljs-function"><span class="hljs-keyword">function</span>  <span class="hljs-title">getPersonInfo</span>(<span class="hljs-params">name,age,sex</span>) </span>{
    <span class="hljs-built_in">console</span>.log(name+age+sex);
}
<span class="hljs-comment">//要是我这样传,name就成了18，age成了王二了。</span>
getPersonInfo(<span class="hljs-string">'18'</span>,<span class="hljs-string">'王二'</span>,<span class="hljs-string">'男'</span>);
<span class="hljs-comment">//所以可以这样写</span>
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">getPersonInfo</span>(<span class="hljs-params">args</span>)</span>{
    <span class="hljs-built_in">console</span>.log(args.name+args.age+args.sex);
}
getPersonInfo({name:<span class="hljs-string">'王二'</span>,age<span class="hljs-string">'18'</span>,sex:<span class="hljs-string">'男'</span>});</code></pre>
        </div>
        
        
        <section class="view-tag">
            <div class="pull-left"><i class="fa fa-tags"></i> <a href="https://tangjie.me/tag/%e4%ba%a7%e5%93%81qq%e7%be%a4" rel="tag">产品QQ群</a><a href="https://tangjie.me/tag/%e4%ba%a7%e5%93%81%e7%bb%8f%e7%90%86qq%e7%be%a4" rel="tag">产品经理QQ群</a><a href="https://tangjie.me/tag/%e4%ba%a7%e5%93%81%e7%bb%8f%e7%90%86%e7%be%a4" rel="tag">产品经理群</a></div>
        </section>
        
        
        <section class="support-author">
            <p>如果觉得我的文章对您有用，请随意赞赏。您的支持将鼓励我继续创作！</p>
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"><i class="fa fa-cny" aria-hidden="true"></i> 赞赏支持</button>
        </section>

    </article>
        </div>
    </div>
    <div class="footer">
        <div class="copyright">
            <p><i class="fa fa-copyright" aria-hidden="true"></i> 2011-2018 <b>产品经理@唐杰</b></p>
            <p>Powered by <b>WordPress</b>. Theme by <a href="https://tangjie.me/jiestyle-two" data-toggle="tooltip" data-placement="top" title="" target="_blank" data-original-title="WordPress 主题模板"><b>JieStyle Two</b></a> | 苏ICP备15021382号-1</p>
        </div>
    </div>
    
    <!--模态框-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content single-dashang">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel"><i class="fa fa-cny" aria-hidden="true"></i> 赞赏支持</h4>
            </div>
            <div class="modal-body text-center">
                <p><img border="0" src="https://tangjie.me/media/AliPay.png"><img border="0" src="https://tangjie.me/media/WeixinPay.png"></p>
                <p>扫描二维码，输入您要赞赏的金额</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>